<?php
require_once 'common.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Online PC</title>
        <link rel="stylesheet" href="css/style.css" type="text/css" />
        <link rel="stylesheet" href="css/jquery-ui-1.8.11.custom.css" type="text/css" />

        <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>

        <script type="text/javascript" src="js/hint.js"></script>
        <script type="text/javascript" src="js/menu-collapsed.js"></script>

        <script type="text/javascript" src="js/common.js"></script>
        
    </head>
    <body style="background: transparent url(images/background_inside.png) no-repeat center top;">
        <table cellspacing="0" cellpadding="0" border="0" width="900" style="margin-left: auto; margin-right: auto;">
            <tr>
                <td valign="middle" style="height: 130px;">
                    <?php banner(); ?>
                </td>
            </tr>
            
            <tr>
                <td valign="middle" style="height: 52px;">
                    <?php login(); ?>
                </td>
            </tr>
            <tr><td style="height: 50px;"></td></tr>
            <tr>
                <td valign="top" style="height: 500px;">
                    <form method="post">
                    <table cellspacing="0" cellpadding="0" border="0" width="100%">
                        <tr>
                            <td valign="top">
                                <table cellspacing="0" cellpadding="0" border="0" width="100%">
                                    <tr>
                                        <td style="border-bottom: 1px solid #f0f0f0; height: 27px;" valign="top"><h3 style="margin: 0px;">Edit Profile</h3></td>
                                    </tr>
                                    <tr>
                                        <td valign="top">
                                            <table cellspacing="3" cellpadding="0" border="0" width="500" id="table2" >
                                                <tr>
                                                    <td colspan="3" height="30"><span id="msg"></span></td>
                                                </tr>
                                                <tr>
                                                    <td valign="top">
                                                        <fieldset class="legend">
                                                            <legend>Personal Info</legend>
                                                            <table cellspacing="3" cellpadding="5" border="0" align="center">

                                                                <tr>
                                                                    <td class="pd" colspan="3"><b>First Name:</b><br/>
                                                                    <input type="text" value="<?=$myAcc['member_firstname'] ?>" class="rounded_corner" id="txtFirstName" name="txtFirstName" style="width: 300px;" maxlength="200" /> <font color="#ff0000">*</font> </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="pd" colspan="3"><b>Last Name:</b><br/>
                                                                    <input type="text" value="<?=$myAcc['member_lastname'] ?>" class="rounded_corner" id="txtLastName" name="txtLastName" style="width: 300px;" maxlength="200" /> <font color="#ff0000">*</font> </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="pd" style="height: 35px;"><b>Gender:</b><br/>
                                                                        <input type="radio" <?php if($myAcc['member_gender']=='m'){ echo 'checked="checked"'; } ?> id="rdoGender" name="rdoGender" value="m" /> Male
                                                                        <input type="radio" <?php if($myAcc['member_gender']=='f'){ echo 'checked="checked"'; } ?> id="rdoGender" name="rdoGender" value="f" /> Female &nbsp;&nbsp;&nbsp;&nbsp;<font color="#ff0000">*</font>

                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </fieldset>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td valign="top">
                                                        <fieldset class="legend">
                                                            <legend>Contact Info</legend>
                                                            <table cellspacing="3" cellpadding="5" border="0" align="center">
                                                                <tr>

                                                                    <td class="pd" colspan="3"><b>Email:</b><br/>
                                                                    <input type="text" value="<?=$myAcc['member_email'] ?>" class="rounded_corner" id="txtEmail" name="txtEmail" style="width: 300px;" maxlength="200" /> <font color="#ff0000">*</font> </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="pd" colspan="3"><b>Mobile:</b><br/>
                                                                    <input type="text" value="<?=$myAcc['member_mobile'] ?>" class="rounded_corner" id="txtMobile" name="txtMobile" style="width: 300px;" maxlength="200" /> <font color="#ff0000">*</font> </td>

                                                                </tr>
                                                                <tr>
                                                                    <td class="pd" colspan="3" valign="top"><b>Address:</b><br/>
                                                                        <textarea class="rounded_corner" name="txtAddress" id="txtAddress" style="width: 300px; height: 50px;"><?=$myAcc['member_address'] ?></textarea><font color="#ff0000">*</font>
                                                                    </td>
                                                                </tr>
                                                                <tr>

                                                                    <td class="pd"><b>Country:</b><br/>
                                                                        <select class="rounded_corner" name="cboCountry" style="width: 310px;" id="cboCountry">
                                                                            <option value="<?=$myAcc['member_country']; ?>"><?=$myAcc['member_country']; ?></option>
                                                                            <option value="Afghanistan">Afghanistan</option><option value="Aland Islands">Aland Islands</option><option value="Albania">Albania</option><option value="Algeria">Algeria</option><option value="American Samoa">American Samoa</option><option value="Andorra">Andorra</option><option value="Angola">Angola</option><option value="Anguilla">Anguilla</option><option value="Antarctica">Antarctica</option><option value="Antigua and Barbuda">Antigua and Barbuda</option><option value="Argentina">Argentina</option><option value="Armenia">Armenia</option><option value="Aruba">Aruba</option><option value="Australia">Australia</option><option value="Austria">Austria</option><option value="Azerbaijan">Azerbaijan</option><option value="Bahamas">Bahamas</option><option value="Bahrain">Bahrain</option><option value="Bangladesh">Bangladesh</option><option value="Barbados">Barbados</option><option value="Belarus">Belarus</option><option value="Belgium">Belgium</option><option value="Belize">Belize</option><option value="Benin">Benin</option><option value="Bermuda">Bermuda</option><option value="Bhutan">Bhutan</option><option value="Bolivia">Bolivia</option><option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option><option value="Botswana">Botswana</option><option value="Bouvet Island">Bouvet Island</option><option value="Brazil">Brazil</option><option value="British Indian Ocean Territory">British Indian Ocean Territory</option><option value="British Virgin Islands">British Virgin Islands</option><option value="Brunei">Brunei</option><option value="Bulgaria">Bulgaria</option><option value="Burkina Faso">Burkina Faso</option><option value="Burundi">Burundi</option><option value="Cambodia">Cambodia</option><option value="Cameroon">Cameroon</option><option value="Canada">Canada</option><option value="Cape Verde">Cape Verde</option><option value="Cayman Islands">Cayman Islands</option><option value="Central African Republic">Central African Republic</option><option value="Chad">Chad</option><option value="Chile">Chile</option><option value="China">China</option><option value="Christmas Island">Christmas Island</option><option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option><option value="Colombia">Colombia</option><option value="Comoros">Comoros</option><option value="Congo">Congo</option><option value="Cook Islands">Cook Islands</option><option value="Costa Rica">Costa Rica</option><option value="Croatia">Croatia</option><option value="Cyprus">Cyprus</option><option value="Czech Republic">Czech Republic</option><option value="Democratic Republic of Congo">Democratic Republic of Congo</option><option value="Denmark">Denmark</option><option value="Disputed Territory
                                                                        ">Disputed Territory

                                                                        </option><option value="Djibouti">Djibouti</option><option value="Dominica">Dominica</option><option value="Dominican Republic">Dominican Republic</option><option value="East Timor">East Timor</option><option value="Ecuador">Ecuador</option><option value="Egypt">Egypt</option><option value="El Salvador">El Salvador</option><option value="Equatorial Guinea">Equatorial Guinea</option><option value="Eritrea">Eritrea</option><option value="Estonia">Estonia</option><option value="Ethiopia">Ethiopia</option><option value="Falkland Islands">Falkland Islands</option><option value="Faroe Islands">Faroe Islands</option><option value="Federated States of Micronesia">Federated States of Micronesia</option><option value="Fiji">Fiji</option><option value="Finland">Finland</option><option value="France">France</option><option value="French Guyana">French Guyana</option><option value="French Polynesia">French Polynesia</option><option value="French Southern Territories">French Southern Territories</option><option value="Gabon">Gabon</option><option value="Gambia">Gambia</option><option value="Georgia">Georgia</option><option value="Germany">Germany</option><option value="Ghana">Ghana</option><option value="Gibraltar">Gibraltar</option><option value="Greece">Greece</option><option value="Greenland">Greenland</option><option value="Grenada">Grenada</option><option value="Guadeloupe">Guadeloupe</option><option value="Guam">Guam</option><option value="Guatemala">Guatemala</option><option value="Guinea">Guinea</option><option value="Guinea-Bissau">Guinea-Bissau</option><option value="Guyana">Guyana</option><option value="Haiti">Haiti</option><option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option><option value="Honduras">Honduras</option><option value="Hong Kong">Hong Kong</option><option value="Hungary36">Hungary36</option><option value="Iceland">Iceland</option><option value="India">India</option><option value="Indonesia">Indonesia</option><option value="Iraq">Iraq</option><option value="Iraq-Saudi Arabia Neutral Zone">Iraq-Saudi Arabia Neutral Zone</option><option value="Ireland">Ireland</option><option value="Israel">Israel</option><option value="Italy">Italy</option><option value="Ivory Coast">Ivory Coast</option><option value="Jamaica">Jamaica</option><option value="Japan">Japan</option><option value="Jordan">Jordan</option><option value="Kazakhstan">Kazakhstan</option><option value="Kenya">Kenya</option><option value="Kiribati">Kiribati</option><option value="Kuwait">Kuwait</option><option value="Kyrgyzstan">Kyrgyzstan</option><option value="Laos">Laos</option><option value="Latvia">Latvia</option><option value="Lebanon">Lebanon</option><option value="Lesotho">Lesotho</option><option value="Liberia">Liberia</option><option value="Libya">Libya</option><option value="Liechtenstein">Liechtenstein</option><option value="Lithuania">Lithuania</option><option value="Luxembourg">Luxembourg</option><option value="Macau">Macau</option><option value="Macedonia">Macedonia</option><option value="Madagascar">Madagascar</option><option value="Malawi">Malawi</option><option value="Malaysia">Malaysia</option><option value="Maldives">Maldives</option><option value="Mali">Mali</option><option value="Malta">Malta</option><option value="Marshall Islands">Marshall Islands</option><option value="Martinique">Martinique</option><option value="Mauritania">Mauritania</option><option value="Mauritius">Mauritius</option><option value="Mayotte">Mayotte</option><option value="Mexico">Mexico</option><option value="Moldova">Moldova</option><option value="Monaco">Monaco</option><option value="Mongolia">Mongolia</option><option value="Montserrat">Montserrat</option><option value="Morocco">Morocco</option><option value="Mozambique">Mozambique</option><option value="Myanmar">Myanmar</option><option value="Namibia">Namibia</option><option value="Nauru">Nauru</option><option value="Nepal">Nepal</option><option value="Netherlands">Netherlands</option><option value="Netherlands Antilles">Netherlands Antilles</option><option value="New Caledonia">New Caledonia</option><option value="New Zealand">New Zealand</option><option value="Nicaragua">Nicaragua</option><option value="Niger">Niger</option><option value="Nigeria">Nigeria</option><option value="Niue">Niue</option><option value="Norfolk Island">Norfolk Island</option><option value="North Korea">North Korea</option><option value="Northern Mariana Islands">Northern Mariana Islands</option><option value="Norway">Norway</option><option value="Oman">Oman</option><option value="Pakistan">Pakistan</option><option value="Palau">Palau</option><option value="Palestinian Occupied Territories
                                                                        ">Palestinian Occupied Territories

                                                                        </option><option value="Panama">Panama</option><option value="Papua New Guinea">Papua New Guinea</option><option value="Paraguay">Paraguay</option><option value="Peru">Peru</option><option value="Philippines">Philippines</option><option value="Pitcairn Islands
                                                                        ">Pitcairn Islands
                                                                        </option><option value="Poland">Poland</option><option value="Portugal">Portugal</option><option value="Puerto Rico">Puerto Rico</option><option value="Qatar">Qatar</option><option value="Reunion">Reunion</option><option value="Romania">Romania</option><option value="Russia">Russia</option><option value="Rwanda">Rwanda</option><option value="Saint Helena and Dependencies">Saint Helena and Dependencies</option><option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option><option value="Saint Lucia">Saint Lucia</option><option value="Saint Pierre and Miquelon
                                                                        ">Saint Pierre and Miquelon

                                                                        </option><option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option><option value="Samoa">Samoa</option><option value="San Marino">San Marino</option><option value="Sao Tome and Principe
                                                                        ">Sao Tome and Principe
                                                                        </option><option value="Saudi Arabia">Saudi Arabia</option><option value="Senegal">Senegal</option><option value="Serbia and Montenegro
                                                                        ">Serbia and Montenegro
                                                                        </option><option value="Seychelles">Seychelles</option><option value="Sierra Leone">Sierra Leone</option><option value="Singapore">Singapore</option><option value="Slovakia">Slovakia</option><option value="Slovenia">Slovenia</option><option value="Solomon Islands">Solomon Islands</option><option value="Somalia">Somalia</option><option value="South Africa">South Africa</option><option value="South Georgia and South Sandwich Islands">South Georgia and South Sandwich Islands</option><option value="South Korea">South Korea</option><option value="Spain">Spain</option><option value="Spratly Islands">Spratly Islands</option><option value="Sri Lanka">Sri Lanka</option><option value="Suriname">Suriname</option><option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option><option value="Swaziland">Swaziland</option><option value="Sweden">Sweden</option><option value="Switzerland">Switzerland</option><option value="Syria">Syria</option><option value="Taiwan">Taiwan</option><option value="Tajikistan">Tajikistan</option><option value="Tanzania">Tanzania</option><option value="Thailand">Thailand</option><option value="Togo">Togo</option><option value="Tokelau">Tokelau</option><option value="Tonga">Tonga</option><option value="Trinidad and Tobago">Trinidad and Tobago</option><option value="Tunisia">Tunisia</option><option value="Turkey">Turkey</option><option value="Turkmenistan">Turkmenistan</option><option value="Turks And Caicos Islands">Turks And Caicos Islands</option><option value="Tuvalu">Tuvalu</option><option value="Uganda">Uganda</option><option value="Ukraine">Ukraine</option><option value="United Arab Emirates">United Arab Emirates</option><option value="United Kingdom">United Kingdom</option><option value="United Nations Neutral Zone">United Nations Neutral Zone</option><option value="United States">United States</option><option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option><option value="Uruguay">Uruguay</option><option value="US Virgin Islands">US Virgin Islands</option><option value="Uzbekistan">Uzbekistan</option><option value="Vanuatu">Vanuatu</option><option value="Vatican City">Vatican City</option><option value="Venezuela">Venezuela</option><option value="Vietnam">Vietnam</option><option value="Wallis and Futuna">Wallis and Futuna</option><option value="Western Sahara">Western Sahara</option><option value="Yemen">Yemen</option><option value="Zambia">Zambia</option><option value="Zimbabwe">Zimbabwe</option></select> <font color="#ff0000">*</font>

                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </fieldset>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="pd" style="padding-right: 130px; text-align: right;"><input type="button" class="rounded_corner" id="btnupdateprofile" value="Update" /> <input type="reset" class="rounded_corner" value="Default" /></td>
                                                </tr>
                                                <tr><td height="30"></td></tr>
                                            </table>
                                        
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr><td style="height: 10px;"></td></tr>
                    </table>
                        </form>
                </td>
            </tr>
            <tr>
                <td>

                </td>
            </tr>
        </table
        <?php footer() ?>
    </body>
</html>
<script type="text/javascript">
    $(document).ready(function(){
        $('#btnupdateprofile').click(function(){

            var firstName   = $('#txtFirstName').val();
            var lastName    = $('#txtLastName').val();
            var gender      = $('#rdoGender:checked').val();
            var email       = $('#txtEmail').val();
            var mobile      = $('#txtMobile').val();
            var address     = $('#txtAddress').val();
            var country     = $('#cboCountry').val();

            if(typeof gender=='undefined' || firstName=='' || lastName=='' || email=='' || mobile=='' || address=='' || country == ''){
                $('#msg').html('<div class="error_msg"><p>All fields are required!</p></div>');
                $('html, body').animate({scrollTop:0}, 'slow');
            }else{
                $.post("library/ajaxsubmit.php",{
                    form: 'update_profile',
                    txtFirstName: firstName,
                    txtLastName: lastName,
                    rdoGender: gender,
                    txtEmail: email,
                    txtMobile: mobile,
                    txtAddress: address,
                    cboCountry: country

                },function(data){
                    
                    var result  = data;
                    var arr     = result.split('~');
                    if(arr[1]=='success'){
                        $('#msg').html('<div class="success_msg"><p>'+arr[0]+'</p></div>');
                        $(':input','#frmregister')
                         .not(':button, :submit, :reset, :hidden')
                         .val('')
                         .removeAttr('checked')
                         .removeAttr('selected');
                    }else if(arr[1] == 'username'){
                        $('#msg').html('<div class="error_msg"><p>'+arr[0]+'</p></div>');
                    }else{
                        $('#msg').html('<div class="error_msg"><p>You are not able to update your profile at the moment. Please try again later.</p></div>');
                    }
                    $('html, body').animate({scrollTop:0}, 'slow');
                });

            }

        });

    });
</script>
